<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/common/meta.jsp"%>

<script language="Javascript"
	src="${ ctx}/scripts/htmlbox/htmlbox.colors.js" type="text/javascript"></script>
<script language="Javascript"
	src="${ ctx}/scripts/htmlbox/htmlbox.styles.js" type="text/javascript"></script>
<script language="Javascript"
	src="${ ctx}/scripts/htmlbox/htmlbox.syntax.js" type="text/javascript"></script>
<script language="Javascript" src="${ ctx}/scripts/htmlbox/xhtml.js"
	type="text/javascript"></script>
<script language="Javascript"
	src="${ ctx}/scripts/htmlbox/htmlbox.min.js" type="text/javascript"></script>
<script language="Javascript"
	src="${ ctx}/scripts/htmlbox/htmlbox.undoredomanager.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="${ ctx}/scripts/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript"
	src="${ ctx}/scripts/jquery/jquery-ui-1.8.24.custom.min.js"></script>
<script language="Javascript" src="${ ctx}/scripts/blog.js"
	type="text/javascript"></script>

<link href="${ ctx}/skins/picturemodel.css" rel="stylesheet"
	type="text/css" />
<link href="${ ctx}/skins/showNotice.css" rel="stylesheet"
	type="text/css" />

<script type="text/javascript">
var userFacesCn = [ ['微笑', '撇嘴', '色', '发呆', '得意', '流泪', '害羞', '闭嘴', '睡', '大哭', '尴尬', '发怒',
	        			'调皮', '呲牙', '惊讶', '难过', '酷', '冷汗', '抓狂', '吐', '偷笑', '可爱', '白眼', '傲慢', '饥饿', '困', '惊恐', '流汗', 
	        			'憨笑', '大兵', '奋斗', '咒骂', '疑问', '嘘...', '晕', '折磨', '衰', '骷髅', '敲打', '再见', '擦汗', '抠鼻', '鼓掌', '糗大了',
	        			'坏笑', '左哼哼', '右哼哼', '哈欠', '鄙视', '委屈', '快哭了', '阴险', '亲亲', '吓', '可怜', '菜刀', '西瓜', '啤酒', '篮球', '乒乓',
	        			'咖啡', '饭', '猪头', '玫瑰', '凋谢', '示爱', '爱心', '心碎', '蛋糕', '闪电', '炸弹', '刀', '足球', '瓢虫', '便便', '月亮', '太阳'],
	        			['礼物', '拥抱', '强', '弱', '握手', '胜利', '抱拳', '勾引', '拳头', '差劲', '爱你', 'NO', 'OK', '爱情', '飞吻', '跳跳', '发抖', '怄火',
	        			'转圈', '磕头', '回头', '跳绳', '挥手', '激动', '街舞', '献吻', '左太极', '右太极', 
	        			'吃惊','再见','飘过','打住','justSOSO','开玩笑..','打扮','天然呆','幽灵附体','就是YOU','没门儿','看穿你',
	                    '嘻嘻色','sorry','休息..','睡觉了','捣蛋','起飞','清醒一下','洗澡','起飞','阿里特战队','穿内裤','爱神阿里','好垫背','阿里Jackson',
	                    '英雄','go!!','甩卖','眼保健操','健身','做做运动','无聊','学习..','0分啊，0分','好难过','思考']];


	 var userFaces = [ ['pic_1', 'pic_2', 'pic_3', 'pic_4', 'pic_5', 'pic_6','pic_7', 'pic_8', 'pic_9', 'pic_10', 'pic_11', 'pic_12', 
	          'pic_13','pic_14', 'pic_15', 'pic_16', 'pic_17', 'pic_18','pic_19','pic_20','pic_21','pic_22','pic_23','pic_24',
	          'pic_25','pic_26','pic_27','pic_28','pic_29','pic_30','pic_31','pic_32','pic_33','pic_34','pic_35','pic_36',
	          'pic_37','pic_38','pic_39','pic_40','pic_41','pic_42','pic_43','pic_44','pic_45','pic_46','pic_47','pic_48',
	          'pic_49','pic_50','pic_51','pic_52','pic_53','pic_54','pic_55', 'pic_56', 'pic_57', 'pic_58', 'pic_59', 'pic_60',
	          'pic_61', 'pic_62', 'pic_63', 'pic_64', 'pic_65', 'pic_66', 'pic_67', 'pic_68', 'pic_69', 'pic_70', 'pic_71', 'pic_72', 
	          'pic_73', 'pic_74', 'pic_75', 'pic_76', 'pic_77'], ['pic_78', 'pic_79', 'pic_80', 'pic_81', 'pic_82', 'pic_83', 'pic_84', 
	          'pic_85', 'pic_86', 'pic_87', 'pic_88', 'pic_89', 'pic_90', 'pic_91', 'pic_92', 'pic_93', 'pic_94', 'pic_95', 'pic_96', 
	          'pic_97', 'pic_98', 'pic_99', 'pic_100', 'pic_101', 'pic_102', 'pic_103', 'pic_104', 'pic_105', 'pic_106', 'pic_107', 'pic_108',
	          'pic_109', 'pic_110', 'pic_111', 'pic_112', 'pic_113', 'pic_114', 'pic_115', 'pic_116', 'pic_117', 'pic_118', 'pic_119', 'pic_120',
	          'pic_121', 'pic_122', 'pic_123', 'pic_124', 'pic_125', 'pic_126', 'pic_127', 'pic_128', 'pic_129', 'pic_130', 'pic_131', 'pic_132',
	          'pic_133', 'pic_134', 'pic_135', 'pic_136', 'pic_137', 'pic_138', 'pic_139', 'pic_140', 'pic_141', 'pic_142']];
var contextPath = "${ ctx}";

var articleId = "${article.id}";
var me='${me.username}';
var userId ="${me.id}";
 $(function(){
$("#modifyList").hover(function(){
	$(".bgbg").css({
		"display":"block",
		});},function(){
		$(".bgbg").css("display","none");
}); 
$(".bgbg li").hover(function() {
	$(this).addClass("hover_bj");
}, function() {
	$(this).removeClass("hover_bj");
});

window.setTimeout("reSetTime()", 10);
window.setInterval("reSetTime()", 1000 * 10); //时间的更新，每过10s更新一次  
readyBlog();	
	
//评论框的表情 
$("[class=insertFace]").live('click',function () {
	yqFace(this,userFacesCn,userFaces,'moduleComment_description');
	});
//回复框的表情框 
$("a[class^=insertFace_]").live('click',function () {  
	var rblogcommentId =  $(this).attr("class").substring("insertFace_".length);	
	yqFace(this,userFacesCn,userFaces,'moduleComment_description_'+rblogcommentId); });
//删除的徘徊显示 
$(".comment_title").hover(function(){
	$(this).children("a[class^='delete']").show();
},function(){
	$(this).children("a[class^='delete']").hide();
});


$("a[class^='yj-reply yj-message-action-']").live('click',function(){
	 var msg =  $(this).attr("class").split(',');
		 var creator = msg[0].substring("yj-reply yj-message-action-".length);
		 var blogcommentId = msg[1];
		if($("#rnewComment"+blogcommentId).is(":hidden"))    //如果是隐藏的则显示
		{ 
			$("#rnewComment"+blogcommentId).show();
		}
		else{
			$("#rnewComment"+blogcommentId).hide();
		}
	$("#moduleComment_description_"+blogcommentId).val("回复"+creator+"：");
	$("#moduleComment_description_"+blogcommentId).focus();
});


function yqFace(me,userFacesCn,userFaces,target)
{//
var pageNum = 0;// 表情框的 表示上一页下一页
	$("#shang_pre").live("click",function(){
		if(pageNum > 0){
		$(this).addClass("c_tx3");
		$("#xia_next").removeClass("c_tx3");	
		pageNum = pageNum -1;
		addfaces(pageNum,target);
		$("#n_num").text("1/2");
		}
	});
	$("#xia_next").live("click",function(){
		if(pageNum < 1){
		$(this).addClass("c_tx3");
		$("#shang_pre").removeClass("c_tx3");		
		pageNum = pageNum +1;
		addfaces(pageNum,target);
		$("#n_num").text("2/2");
		}
	});

	var height = $(me).height();
	 var top = $(me).offset().top+height- 8;
	 var left = $(me).offset().left+10 ;
    addfaces(pageNum,target);
    $("#face_show").css({'top':top, 'left':left });          //摆放位置
    $("#face_show").show();
	$("#face_show").mouseenter(function () {
	    $("#face_show").show();
	});
	$("#face_show").mouseleave(function () {
	    $("#face_show").hide();
	    $("#shang_pre").addClass("c_tx3");
		$("#xia_next").removeClass("c_tx3");
	    $("#n_num").text("1/2");
	});
	$(me).mouseleave(function () {
	    $("#face_show").hide();
	});
	$(function(){             //表情图像上面划过时加蓝色筐
		 $("#Userfaces img").hover(
				  function () {
					    $(this).css({border:"1px solid blue"});
					  },
					  function () {
					    $(this).css({border:"1px solid white"});
					  });
	});
}

function addfaces(pageNum,target){  //向face——show里面添加表情的函数/还有促发事件
	$("#Userfaces").remove();
    var html = "<div id='Userfaces' ></div>";
    $("#face_show .qz_emotion_bd").html(html);
    $.each(userFacesCn, function(i, items) {
    	if(i==pageNum){
		$.each(items, function(index, value) {
			$(
					"<img style='border: 1px solid white;width:24px;height:24px;' src='"
							+ contextPath + "/img/faces/" + userFaces[i][index]
							+ ".gif' title=" + value + ">").css("cursor",
					"pointer").appendTo("#Userfaces").click(function() {
						 $("#"+target).focus().val($("#"+target).val() + "[" + $(this).attr("title") + "]");
					});
		});
    }
});
}



}) 

</script>

<style type="text/css">
.hover_bj {
	border: 1px solid #DADADA;
	background-color: #7B8C9E;
}

.icon_edit {
	background-image:
		url(images/blog_app_bj.png?max_age=19830211&d=20130226105935);
	background-position: -303px 0;
	float: left;
	margin-right: 5px;
	display: inline-block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	font-size: 0;
	margin: 3px;
	padding: 0;
}

.mod_arr {
	top: 10px;
	right: -20px;
	position: absolute;
	border-width: 5px;
	border-top-style: solid;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	display: inline-block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-style: dashed;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.page-content {
	width: 1200px;
	margin: 0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	padding-top: 15px;
}

#column-main {
	width: 710px;
	float: left;
	border-left: dotted 0px;
	padding-left: 10px;
	border-left: dotted 0px;
	padding-right: 20px;
	-moz-box-shadow: 0 10px 20px #b0b3b6;
	/*我们在这里设置阴影，同时设置padding-right使得其偏向于右边，（注：需要设置boreder当然需要设置其宽度为0使其看不见）*/
	-webkit-box-shadow: 0 10px 20px #b0b3b6;
	box-shadow: 0 10px 20px #b0b3b6;
	vertical-align: middle;
}

#column-left {
	margin-right: 24px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 50px;
	width: 200px;
	float: left;
}

input.button {
	background-color: rgba(47, 167, 226, 0.66);
	border: 1px solid rgb(51, 157, 189);
	color: rgb(250, 250, 252);
	cursor: pointer;
	font-size: 1em;
	height: 23px;
	padding: 2px 5px;
	vertical-align: middle;
	margin-top: 4px;
	margin-right: 10px;
}

.caidan li {
	float: left;
	margin: 10px 8px 8px 0;
}

.comment_content {
	width: 740px;
	margin-bottom: 10px;
}

.comment_title {
	width: 680px;
}

.attxs a:hover {
	color: #FF3300
}

#face_show a.c_tx3 {
	color: #A8A8A8;
	text-decoration: none;
	cursor: default;
}
</style>

<title>${blog.blogName } --- ${article.title }</title>
</head>
<body>
<body id="page-home">
	<%@ include file="/common/header.jsp"%>
	<div class='page-content'>

		<div id='column-left'><%@ include file="/common/left_article.jsp"%></div>

		<div id="column-main">
			<form action="${ctx }/blog/blog.action" method="post">
				<input type="hidden" name="articleId" value="${article.id }" />
				<div style="margin-bottom: 3px;">
					<strong>文章标题</strong> <span class="required"
						style="width: 350px; height: 20px;">${article.title} </span><c:if test="${article.draft==0 }"><span style="color:red">(草稿)</span></c:if>
				</div>
				<c:if test="${me.username==article.creatorName}">
					<div id="modifyList" class="op_more op_extend op_drop none"
						style="z-index: 100; position: absolute; right: 280px; top: 30px;">
						<a id="modifyListTitle"
							href="${ctx }/blog/blog.action?method:articleEditForm&articleId=${article.id}"
							class="c_tx bg bor2 drop_list"> <span class="icon_edit"></span>
							<span id="ModifyListAreaDesc" class="adjust"
							style="padding-left: 2px">编辑</span> <span class="mod_arr"></span>
						</a>
						<ul style="display: none; pisiton: fixed;" class="bgbg bor2">
							<li id="editBlogBtnContainer" style="margin-left: 22px"><a
								id="editBlogBtn"
								href="${ctx }/blog/blog.action?method:articleEditForm&articleId=${article.id}"
								class="c_tx bg6_hover">编辑</a></li>
							<li id="deleteBlogBtnContainer" style="margin-left: 22px"><a
								id="deleteBlogBtn" href="javascript://"
								class="ggdeleteModule${article.id}">删除</a></li>
						</ul>
					</div>
				</c:if>

				<div style="margin-bottom: 10px;">
					<strong>所属博客</strong> <a href="${ctx }/blog/blogIndex.jsp?blogId=${blog.id}">${blog.blogName }</a> &nbsp;&nbsp; <strong>博文标签&nbsp;&nbsp;</strong>
					<hql:queryForList
						hql="select tagName from TagMark where relateEntityId = ${article.id}"
						id="allTagName" />
					<c:if test="${not empty allTagName}">
						<div class='news_tag' style="display: inline-block;">
							<c:forEach var="tag" items="${allTagName}">
								<a href="${ctx }/blog/blog.action?method:articleTag&tag=${tag}">${tag}</a>
							</c:forEach>
						</div>
					</c:if>
				</div>

				<div style="background-color: rgba(144, 125, 202, 0.04);">
					<div class="feed-ct">
						<!-- 分享音乐的显示 -->
						<nativeSql:sqlQueryForList
							sql="select * from t_media t  where  f_type = 1 and f_article_id =  ${article.id }"
							id="musics" />
						<c:forEach items="${musics }" var="music">
							<div>
								<Strong style="float: left; padding-top: 8px;">${music.f_title}:</Strong>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${music.f_html_code}
							</div>
						</c:forEach>
						<!-- 分享视频的显示 -->
						<nativeSql:sqlQueryForList
							sql="select * from t_media t  where  f_type = 2 and f_article_id =  ${article.id }"
							id="videos" />
						<c:forEach items="${videos }" var="video">
							<div>
								土豆视频：<Strong>${video.f_title }</Strong><br>
								${video.f_html_code}
							</div>
						</c:forEach>
						<!-- 关于图片的显示问题 -->
						<div class="feed-img-all post-one-img no-title ">
							<div class="feed-big-img">
								<!-- 关于多幅图片布局问题设计 -->
								<nativeSql:sqlQueryForList
									sql="select  *  from t_upload_file where f_article_id = ${article.id }"
									id="articlefiles" />
								<nativeSql:sqlQueryForUnique
									sql="select  count(*) as cnt  from t_upload_file where f_article_id = ${article.id }"
									id="articlefilesCnt" />

								<c:forEach items="${articlefiles }" var="articlefile"
									varStatus="index">
									<c:if test="${articlefilesCnt.cnt >4 }">
										<img class="feed-img-4-${ index.count % 4}"
											src="${ctx}/user/file.action?method:previewPic&fileId=${articlefile.f_id}">
										<c:set value="${articlefilesCnt.cnt -1 }"
											var="articlefilesCnt.cnt"></c:set>
									</c:if>
									<c:if test="${articlefilesCnt.cnt <=4 }">
										<img
											class="feed-img-${articlefilesCnt.cnt }-${ index.count % 4}"
											src="${ctx}/user/file.action?method:previewPic&fileId=${articlefile.f_id}">
									</c:if>
								</c:forEach>

							</div>
							<div class="feed-img-too-high-tip" style="width: 650px"></div>
						</div>

						<div class="blog_content" style="margin-bottom: 10px;"
							id="blog_content">${article.content}</div>
					</div>
				</div>

			</form>


			<div class="blog_bottom" style="float: left">
				<c:url var="url" value="${ctx}/blog/blog.action">
					<c:param name="method:personalArticles"></c:param>
					<c:param name="blogerId">${article.creatorId}</c:param>
				</c:url>
				<ul class="caidan">
					<li><a href="${url}">${article.creatorName}</a></li>
					<li class='date'><a class="yj-message-blog-time"
						title="<fmt:formatDate value="${article.creationDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
						href="javascript://"> <fmt:formatDate
								value="${article.creationDate}" pattern="yyyy-MM-dd HH:mm:ss" /></a>

					</li>
					<li>浏览 ${article.click}</li>
					<nativeSql:sqlQueryForUnique
						sql="select count(*) as RECNT from t_article_comment where f_article_id=${article.id} and f_parent_comment_id is null"
						id="replyCount" />
					<li><a
						href='${ctx}/blog/blog.action?method:article&articleId=${article.id}#comment'>评论(${replyCount['RECNT']})</a></li>
					<li class='last'><a
						href="${ctx }/blog/blog.action?method:blog&blogId=${article.blogId}">${blog.blogName
							}</a></li>
				</ul>
				<br>


				<div class="blog_comment" id="comment"
					style="width: 100px; margin: 10px 0;">
					<h5>
						<strong>评论历史</strong>
					</h5>
					<div id="reply">
						<c:forEach var="articleComment"
							items="${articleCommentPagination.items}" varStatus="status">
							<!-- 博文的评论内容 -->
							<div id="newcomments${articleComment.id}"
								style="border-top: 1px dashed gray; width: 720px;">
								<div class="comment_title">
									${articleCommentPagination.totalCount-(articleCommentPagination.pageSize)*(articleCommentPagination.currentPage-1)-status.index}楼&nbsp;&nbsp;
									<a
										href='${ctx }/blog/blog.action?method:personalArticles&blogerId=${articleComment.creatorId}'
										target='_blank'>${articleComment.creator} </a>
									&nbsp;&nbsp;&nbsp;&nbsp; <a class="yj-message-blog-time"
										title="<fmt:formatDate value="${articleComment.creationDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
										href="javascript://"><fmt:formatDate
											value="${articleComment.creationDate}"
											pattern="yyyy-MM-dd HH:mm:ss" /></a> &nbsp;&nbsp;&nbsp;&nbsp;

									<c:if test="${articleComment.creatorId!=me.id}"> 
									<a href="javascript:void(0)"
										class="yj-reply yj-message-action-${articleComment.creator},${articleComment.id}"
										title="回复这条博客">回&nbsp;&nbsp;复</a>
									</c:if> 
									<c:if
										test="${articleComment.creatorId==me.id||article.creatorId==me.id }">
										<a class="deleteModuleComment${articleComment.id}"
											title="删除这条信息" style="position: relative; left: 15px;"
											href="javascript://">删除</a> &nbsp;&nbsp;&nbsp;&nbsp;</c:if>
								</div>
								<div class="comment_content">${articleComment.content}</div>
								<!-- 下级评论内容 ,暂时不考虑分页-->
								<hql:queryForList
									hql="from ArticleComment where articleId=${article.id} and parentCommentId =${articleComment.id } order by creationDate asc"
									id="rarticleComments" />
								<div id="rreply${articleComment.id}">
									<c:forEach var="rarticleComment" items="${rarticleComments}"
										varStatus="status">
										<div id="rnewcomments${rarticleComment.id}"
											style="margin-bottom: -4px; margin-left: 30px">
											<div class="comment_title" style="background-color: #EAFFF9;">
												&nbsp; <a
													href='${ctx }/blog/blog.action?method:personalArticles&blogerId=${rarticleComment.creatorId}'
													target='_blank'>${rarticleComment.creator} </a>
												&nbsp;&nbsp;&nbsp;&nbsp; <a class="yj-message-blog-time"
													title="<fmt:formatDate value="${rarticleComment.creationDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
													href="javascript://"><fmt:formatDate
														value="${ rarticleComment.creationDate}"
														pattern="yyyy-MM-dd HH:mm:ss" /></a> &nbsp;&nbsp;&nbsp;&nbsp;

												<c:if test="${rarticleComment.creatorId!=me.id}"> 
												<a href="javascript:void(0)"
													class="yj-reply yj-message-action-${rarticleComment.creator},${articleComment.id}"
													title="回复这条评论">回复</a>
												 </c:if>
												<c:if
													test="${rarticleComment.creatorId==me.id||article.creatorId==me.id }">
													<a class="deleteReModuleComment${rarticleComment.id}"
														title="删除这条回复" style="position: relative; left: 15px;"
														href="javascript://">删除</a> &nbsp;&nbsp;&nbsp;&nbsp;</c:if>
											</div>
											<div class="comment_content">${rarticleComment.content}</div>
										</div>
									</c:forEach>
								</div>

								<!-- 分节评论的回复框 -->
								<div id="rnewComment${articleComment.id}" style="display: none">
									<input type="hidden" name="articleCommentId"
										id="blogcomment_id" value="${articleComment.id}" />
									<table width="100%" cellspacing="0" cellpadding="0"
										style="margin-left: 30px; width: 655px;" class="edit_table">
										<tr>
											<th align="center" nowrap="nowrap"><textarea rows="5"
													style="width: 100%;" name="articleComment.content"
													id="moduleComment_description_${articleComment.id}"></textarea></th>
										</tr>
										<tr>
											<th align="center" nowrap="nowrap"
												style="padding-top: 0px; padding-bottom: 9px;">
												<button id="btn3"
													style="float: left; width: 80px; height: 25px; color: rgb(24, 2, 2); background-color: rgba(75, 92, 223, 0.77);"
													class="yj-message-form-submit yj-btn yj-btn yj-component yam-ui-publisher-submit-button"
													onclick="rsaveArticleComment('${ctx}','${articleComment.id}');">回复</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<a href="javascript:void(0);"
												class="insertFace_${articleComment.id}"><span
													style="color: rgb(22, 40, 114);">表&nbsp;&nbsp;情</span></a>
											</th>
										</tr>
									</table>
								</div>
							</div>
						</c:forEach>
					</div>

					<c:if test="${articleCommentPagination.totalCount>20 }">
						<%@ include file="../common/pagination.jsp"%>
					</c:if>
				</div>
				<br>
				<!-- 文章的回复框 -->
				<div id="newComment" style="width: 720px; margin: 0 auto;">
					<span>评论博文：</span> <input type="hidden" name="articleId"
						id="blog_id" value="${article.id }" />
					<table width="100%" cellspacing="0" cellpadding="0"
						class="edit_table">
						<tr>
							<th align="center" nowrap="nowrap"><textarea rows="5"
									style="width: 100%;" name="articleComment.content"
									id="moduleComment_description"></textarea></th>
						</tr>
						<tr>
							<th align="center" nowrap="nowrap">
								<button id="btn3"
									style="float: left; width: 80px; height: 25px; color: rgb(24, 2, 2); background-color: rgba(75, 92, 223, 0.77);"
									class="yj-message-form-submit yj-btn yj-btn yj-component yam-ui-publisher-submit-button"
									onclick="saveArticleComment('${ctx}');">回&nbsp;&nbsp;复</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<a href="javascript:void(0);" class="insertFace"><span
									style="color: rgb(22, 40, 114);">表&nbsp;&nbsp;情</span></a>
							</th>
						</tr>
					</table>
					<br> <br>
				</div>
			</div>
		</div>
		
		<div id='column-left'><%@ include file="/common/right_blog.jsp"%></div>
		
	</div>
	<div style="clear: both;"></div>

	<!-- 表情提醒框-->
	<div id="face_show"
		style="display: none; width: 340px; height: 184px; border: 1px solid #E6E6E6; padding: 6px 10px; background: #fff; color: #5f5f5f; z-index: 10001; position: absolute"
		class="yj-tooltip yj-tooltip-under-header-bar yj-hovercard yj-balloon yj-bottom">
		<div class="qz_emotion_bd"></div>
		<div class="qz_emotion_ft"
			style="padding: 3px 10px 3px; height: 12px; position: absolute; right: 10px; top: 175px;">
			<div class="qz_page_nav" style="text-align: right;">
				<a href="javascript:void(0);" id="shang_pre" class="ui_mr5 c_tx3">上一页</a><span
					id="n_num" style="margin: 0 3px">1/2</span><a
					href="javascript:void(0);" id="xia_next" class="ui_mr5">下一页</a>
			</div>
		</div>
	</div>

	<!-- 提醒框 -->
	<div id="dialog-confirm" title="提醒框" style="display: none;">
		<p style="line-height: 16px; margin: 0 0 1.5em;">
			<span class="ui-icon ui-icon-alert"
				style="float: left; margin: 0 7px 20px 0;"></span> &nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;确定删除？YES|NO
		</p>
	</div>

	<div id="yj-inline-icon x-grey-icon yj-closeFlash"
		style="left: 351.5px;display: none; "
		class="yj-alert yj-notice zindex-t4">
		<span class="alert-icon flash-notice-icon"></span>
		<p>
			<a href="javascript://"
				class="yj-inline-icon x-grey-icon yj-closeFlash">x</a>The message
			has been bookmarked.
		</p>
	</div>
	<script type="text/javascript">
var length='${articleCommentPagination.totalCount}';

$(function(){
	if(length==0){
		$("#comment").css("display","none");
	}
});

</script>
<%@ include file="/common/footer.jsp"%>
</body>
</html>